﻿<div class="user-right pay-index">
<div class="pay-title">
    <span index="0">快捷支付</span>
    <span class="cur" index="1">网银充值</span>
    <span index="2">支付宝转账</span>
    <span index="3">银行转账</span>
    <span index="4">充值记录</span>
</div>
<div class="pay-content" style="display: none">
    <p class="pay-war">
        首次快捷支付充值，请先实名认证，请前往<a class="blue" href="@Url.DomainRouteUrl(AreasConfig.Web, "security", "user")">安全信息</a>进行认证，或选择其他充值方式
    </p>
    <p class="pay-exptip">无需开通网银，有银行卡就能支付 （单卡单笔5万，每日累计20万）</p>
    <div class="pay-tp">充值银行</div>
    <div class="pay-bank">
        <ul>
            <li>
                <input type="radio" name="PayBank" id="cbc-express"/>
                <label for="cbc-express" class="pay-cbc"></label>
            </li>
            <li>
                <input type="radio" name="PayBank" id="abc-express"/>
                <label for="abc-express" class="pay-abc"></label>
            </li>
            <li>
                <input type="radio" name="PayBank" id="boc-express"/>
                <label for="boc-express" class="pay-boc"></label>
            </li>
            <li>
                <input type="radio" name="PayBank" id="ceb-express"/>
                <label for="ceb-express" class="pay-ceb"></label>
            </li>
            <li>
                <input type="radio" name="PayBank" id="cib-express"/>
                <label for="cib-express" class="pay-cib"></label>
            </li>
            <li>
                <input type="radio" name="PayBank" id="ccb-express"/>
                <label for="ccb-express" class="pay-ccb"></label>
            </li>
        </ul>
    </div>
    <div class="pay-tp">填写充值金额</div>
    <div class="pay-form">
        <div class="form-item">
            <label>账户余额</label>
            <span><em>10.00</em>元</span>
        </div>
        <div class="form-item">
            <label>储蓄卡卡号</label>
            <input type="text" class="pay-input"/>
        </div>
        <div class="form-item">
            <label>充值金额</label>
            <input type="text" class="pay-input" style="width: 100px;"/>
        </div>
        <div class="form-item">
            <label>充值手续费</label>
            <span>
                    0元
                    <span class="info-prompt"></span>
                    <a href="#">网银充值、支付宝转账，免手续费！</a>
                </span>
        </div>
        <div class="form-item">
            <label>实际支付金额</label>
            <span>0元</span>
        </div>
        <div class="form-item" style="margin-top: 20px">
            <input class="button red" type="button" value="提交" style="margin-left: 260px"/>
        </div>
    </div>
    <div class="pay-pro">
        <p class="t">温馨提示</p>
        <p>1、使用快捷支付后，将绑定支付卡成为唯一的快捷支付卡和提款卡；</p>
        <p>2、如需修改银行卡，请联系客服：4008-270-866；</p>
    </div>
</div>
<div class="pay-content">
    <div class="pay-tp" style="margin-top: 30px">充值银行</div>
    <div class="pay-bank">
        <ul>
            <li>
                <input type="radio" name="PayBank" id="cbc"/>
                <label for="cbc" class="pay-cbc"></label>
            </li>
            <li>
                <input type="radio" name="PayBank" id="abc"/>
                <label for="abc" class="pay-abc"></label>
            </li>
            <li>
                <input type="radio" name="PayBank" id="boc"/>
                <label for="boc" class="pay-boc"></label>
            </li>
            <li>
                <input type="radio" name="PayBank" id="ceb"/>
                <label for="ceb" class="pay-ceb"></label>
            </li>
            <li>
                <input type="radio" name="PayBank" id="cib"/>
                <label for="cib" class="pay-cib"></label>
            </li>
            <li>
                <input type="radio" name="PayBank" id="ccb"/>
                <label for="ccb" class="pay-ccb"></label>
            </li>
        </ul>
    </div>
    <div class="pay-tp">填写充值金额</div>
    <div class="pay-form">
        <div class="form-item">
            <label>账户余额</label>
            <span><em>10.00</em>元</span>
        </div>
        <div class="form-item">
            <label>充值金额</label>
            <input type="text" class="pay-input" style="width: 100px;"/>
        </div>
        <div class="form-item" style="margin-top: 20px">
            <input class="button red" type="button" value="提交" style="margin-left: 260px"/>
        </div>
    </div>
    <div class="pay-table">
        <table>
            <colgroup>
                <col style="width: 230px">
                <col style="width: 135px">
                <col style="width: 135px">
                <col>
            </colgroup>
            <tbody>
            <tr>
                <td colspan="4">工商银行借记卡支付额度表 / 客服电话 95588</td>
            </tr>
            <tr>
                <td rowspan="2">支付方式</td>
                <td colspan="2">支付限额</td>
                <td rowspan="2">开通方式</td>
            </tr>
            <tr>
                <td>每笔限额</td>
                <td>每日限额</td>
            </tr>
            <tr>
                <td>存量静态密码</td>
                <td colspan="2">累计300元</td>
                <td>已无法申请</td>
            </tr>
            <tr>
                <td>电子银行口令卡</td>
                <td>500</td>
                <td>1000</td>
                <td rowspan="3">柜面/网上自助开通</td>
            </tr>
            <tr>
                <td>电子银行口令卡+手机短信认证</td>
                <td>2000</td>
                <td>5000</td>
            </tr>
            <tr>
                <td>U盾</td>
                <td>不限</td>
                <td>不限</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="pay-pro">
        <p class="t">温馨提示</p>
        <p>1、为了您的资金安全，您的账户资金将由第三方银行托管；</p>
        <p>2、充值前请注意您的银行卡充值限制，以免造成不便；</p>
        <p>3、禁止洗钱、信用卡套现、虚假交易等行为，一经发现并确认，将终止该账户的使用；</p>
        <p>4、为了您的资金安全，建议充值前进行实名认证、手机绑定、设置提现密码；</p>
        <p>5、如果充值遇到任何问题，请联系客服：4008-270-866。</p>
    </div>
</div>
<div class="pay-content alipay" style="display: none">
    <div class="logo">
        <img src="/Images/alipay.jpg"/>
        <em>支付宝转账（手机转账0手续费）</em>
    </div>
    <div class="pay-form">
        <div class="form-item">
            <label style="width:140px;">支付宝账号</label>
            <input type="text" class="pay-input"/>
        </div>
        <div class="form-item">
            <label style="width:140px;">充值金额</label>
            <input type="text" class="pay-input"/>
        </div>
        <div class="form-item" style="margin: 10px 0 30px 0;">
            <input class="button red" type="button" value="下一步" style="margin-left: 160px"/>
        </div>
    </div>
    <div class="pay-time">
        <i>到账时间</i><em class="f12">如需马上到账或长时间未到账，可拨打客服电话：4008-270-866</em><br/>
        · 08:30 - 20:30 （30分钟内到账）<br/>
        · 20:30 以后 （次日09:00前到账）
    </div>
</div>
<div class="pay-content bank" style="display: none">
    <div class="tip">您可以通过网上银行或银行柜台向赢在投资转账（手续费最多一笔50元）</div>
    <table>
        <tr>
            <td class="t1" align="center">
                <img src="/images/cbc.jpg">
            </td>
            <td class="t2">
                <div style="line-height: 150%;">
                    帐号：3100 1579 5110 5002 5912<br>
                    户名：臣乾金融信息服务（上海）有限公司<br>
                    开户行：建设银行上海外高桥保税区支行
                </div>
            </td>
        </tr>
        <tr>
            <td class="t1">
                <img src="/images/icbc.jpg">
            </td>
            <td class="t2">
                <div style="line-height: 150%;">
                    帐号：1001 2799 1900 5941 392<br>
                    户名：臣乾金融信息服务（上海）有限公司<br>
                    开户行：工商银行上海外高桥支行
                </div>
            </td>
        </tr>
        <tr>
            <td class="t1">
                <img src="/images/abc.jpg">
            </td>
            <td class="t2">
                <div style="line-height: 150%;">
                    帐号：0339 8210 0400 40852<br>
                    户名：臣乾金融信息服务（上海）有限公司<br>
                    开户行：农业银行上海外高桥保税区支行
                </div>
            </td>
        </tr>
        <tr>
            <td class="t1">
                <img src="/images/cmb.jpg">
            </td>
            <td class="t2">
                <div style="line-height: 150%;">
                    帐号：5749 0514 6410 402<br>
                    户名：臣乾金融信息服务（上海）有限公司<br>
                    开户行：招商银行上海外高桥保税区支行
                </div>
            </td>
        </tr>
        <tr>
            <td class="t1">
                <img src="/images/cmb.jpg">
            </td>
            <td class="t2">
                <div style="line-height: 150%;">
                    帐号：5749 0514 6410 601<br>
                    户名：臣乾金融信息服务（上海）有限公司<br>
                    开户行：招商银行宁波海曙支行
                </div>
            </td>
        </tr>
        <tr>
            <td class="t1">
                <img src="/images/gdb.jpg">
            </td>
            <td class="t2">
                <div style="line-height: 150%;">
                    帐号：622202 1102203301703<br>
                    户名：臣乾金融信息服务（上海）有限公司<br>
                    开户行：浙江省杭州支行
                </div>
            </td>
        </tr>
    </table>
    <div class="pay-time">
        <em>转账成功后，请电话告知我们客服 4008-270-866，以便尽快到账！</em>
    </div>
</div>
<div class="pay-content pay-list" style="display: none">
    <table>
        <tr>
            <th>时间</th>
            <th>订单号</th>
            <th>充值方式</th>
            <th>金额</th>
            <th>状态</th>
        </tr>
        <tr>
            <td>2015-01-13 11:05:10</td>
            <td>DXF5P5OSFNFPU5HIV3C6</td>
            <td>支付宝，10元</td>
            <td>10元</td>
            <td>成功</td>
        </tr>
        <tr>
            <td>2015-01-13 11:02:01</td>
            <td>2CSUL55DZITFZ2T7FP72</td>
            <td>支付宝</td>
            <td>10元</td>
            <td>未处理</td>
        </tr>
        <tr>
            <td>2015-01-13 11:05:10</td>
            <td>DXF5P5OSFNFPU5HIV3C6</td>
            <td>支付宝，10元</td>
            <td>10元</td>
            <td>成功</td>
        </tr>
    </table>
</div>
</div>
<script type="text/javascript">
    $(function () {
        var $span = $(".pay-title").find("span");
        $span.bind("click", function () {
            var $this = $(this);
            var index = $this.attr("index");
            $span.removeClass("cur");
            $this.addClass("cur");
            $(".pay-content").hide().eq(index).show();
        });
    });
</script>